
/**
 * 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。
 * 我们可以用 JS 面板来开发一些定制度高功能，比如：调用API接口，自定义动作执行等等。
 */

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
    ("「页面 JS」：当前页面地址 " + location.href);

    debugger
    initRateEle();

}


function initRateEle(){
    const target = document.querySelector("#rate_gxex5d_csshandler_generate > div > div.item-label");
    if (target) {
        // 先把“评分”提取出来
        const originalText = target.textContent.trim();
        // 假设原始结构是“评分 查看评论明细”，这里分割
        const prefix = "评分";

        // 清空内容
        target.innerHTML = "";

        // 添加评分文本
        const scoreTextNode = document.createTextNode(prefix + " ");
        target.appendChild(scoreTextNode);

        // 创建新div放查看详情和图标
        const detailDiv = document.createElement("div");
        detailDiv.style.margin = "8px 0";
        detailDiv.style.fontSize = "12px";
        detailDiv.style.color = "#363A44";
        detailDiv.style.opacity = "0.4";
        detailDiv.style.display = "inline-flex";
        detailDiv.style.alignItems = "center";
        detailDiv.style.gap = "4px";
        detailDiv.style.cursor = "pointer";

        detailDiv.textContent = "查看详情";

        const iconSpan = document.createElement("span");
        iconSpan.className = "iconfont-magic-base magic-base-zuoyi";
        iconSpan.style.fontSize = "12px";

        detailDiv.appendChild(iconSpan);
        target.appendChild(detailDiv);
    }

}
